<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*	{
				margin: 0;
				padding: 0;
				width: 100%;
				margin-top: 10px;
			}
			header {
				height: 100px;
				background-color: #3D81FF;
				display: grid;
				place-items: center;
			}
			nav {
				height: 50px;
				background-color: #aaaaff;
				display: grid;
				place-items: center;
				/* 固定导航栏 css 实现  */
				position: sticky;
				top: 0px;
			}
			main {
				height: 2000px;
				background-color: #ffaa7f;
				display: grid;
				place-items: center;
			}
			footer {
				height: 200px;
				background-color: #7FFFD4;
				display: grid;
				place-items: center;
			}
		</style>
	</head>
	<body>
		<header>heade</header>
		<nav>nav</nav>
		<main>main</main>
		<footer>footer</footer>
	</body>
</html>
